/*
 * @Author: songliusheng
 * @Date: 2018-11-12 10:24:11
 * @Description: ''
 * @Last Modified by: songliusheng
 * @Last Modified time: 2018-11-14 15:01:04
 * @ToDo: ''
 */

@import 'src/sass/common/variable.scss';
.coupon {
  width: 1200px;
  margin: 0 auto;
  .money-panel {
    margin-top: 15px;
    .panel-img-wrap {
      width: 280px;
      height: 144px;
      display: inline-block;
      position: relative;
      .money {
        position: absolute;
        top: 25px;
        right: 30px;
        color: #fff;
      }
    }
  }
  .filter {
    .filter-tab {
      float: right;
    }
  }
  .list {
    margin-top: 24px;
    .promotion-btn,
    .operate-btn {
      border-color: $primaryColor;
      width: 80px;
      color: $primaryColor;
      font-size: 14px;
    }
    .disabled-operate-btn {
      width: 80px;
      font-size: 12px;
      margin-left: 10px;
    }
    .promotion-btn {
      padding: 0 6px;
    }

    .operation {
      position: relative;
      text-align: center;
    }
    .sub-text {
      color: #999;
    }
  }
}

// hover promot按钮显示的弹出层
.qrcode {
  width: 400px;
  display: inline-block;
  z-index: 9999;
  border-radius: 4px;
  .url-input {
    width: 280px;
    display: inline-block;
  }
  .qrcode-img {
    display: block;
    margin: 24px auto;
  }
  .qrcode-link {
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.promotion-btn:hover+.qrcode {
  display: block;
}